import React from 'react'
import MyHead from '../../components/MyHead'
import { Tabs } from 'antd-mobile'
import LoginByName from './LoginByName'
import LoginByPhone from './LoginByPhone'

const Login = () => {
  return (
    <div className='login'>
      <MyHead title='登录' />
      <div className="nav">
      <Tabs defaultActiveKey={'username'}>
          <Tabs.Tab title='用户名登陆' key='username'>
          <LoginByName/>
          </Tabs.Tab>
          <Tabs.Tab title='  手机号登陆' key='phone'>
           <LoginByPhone/>
          </Tabs.Tab>
          
        </Tabs>
      </div>
    </div>
  )
}

export default Login